* {
    padding  : 0;
    margin   : 0;
    font-size: 14px;
    cursor   : default;
}

video:focus {
    outline: none;
}

body {
    background-color: #e7eef6;
    min-width       : 920px;
}

/* 导航栏 */
.nav_button_list {
    list-style     : none;
    display        : flex;
    flex-direction : row;
    flex-wrap      : nowrap;
    justify-content: start;
}

.nav_item {
    color         : #0050b2;
    padding       : 8px 8px;
    cursor        : pointer;
    letter-spacing: 2px;
}

.activeRoute {
    font-weight     : bold;
    color           : #fff;
    cursor          : pointer;
    background-color: #3a94fa;
}

/* 一级导航 */
#primary_navigation_bar_back {
    background-color: #cfe0f5;
}

#primary_navigation_bar {
    display        : flex;
    flex-wrap      : nowrap;
    justify-content: space-between;
}

/* 二级导航 */
.secondary_navigation_bar>ul {
    height                 : 42px;
    /*     background-color:bisque */
}

.secondary_navigation_bar li {
    /*     background-color:turquoise; */
    position: relative;
    padding : 4px 16px;
}

.secondary_navigation_bar .nav_item {
    /*     background-color:cornsilk; */
    text-align : center;
    padding    : 0;
    width      : 80px;
    height     : 32px;
    line-height: 32px;
    color      : #9e9e9e;
}



.secondary_navigation_bar li:not(:last-child)::after {
    display         : block;
    width           : 2px;
    height          : 14px;
    background-color: #e7e7e7;
    position        : absolute;
    right           : 0;
    top             : 12px;
    content         : '';
}

.secondary_navigation_bar .activeRoute {
    border-bottom   : 2px solid #0050b2;
    color           : #0050b2;
    cursor          : pointer;
    background-color: transparent;
}

/* 三级导航 */
.ternary_navigation_bar {
    width           : fit-content;
    background-color: #cfe0f5;
}

.ternary_navigation_bar .nav_item {
    text-align: center;
    width     : 150px;
}

/* 分页 */
.mPaginationBox {
    display        : flex;
    flex-wrap      : nowrap;
    justify-content: center;
    margin-top     : 32px;
    padding-bottom : 64px;
}

/* 登录页 */
#loginPage {
    position         : fixed;
    top              : 0;
    right            : 0;
    bottom           : 0;
    left             : 0;
    background-image : url(../image//login_bac.png);
    background-size  : fit;
    background-repeat: no-repeat;
}

.logo {
    margin-left: 64px;
    width      : 75px;
    height     : 50px;
}

#login_logo {
    height         : 120px;
    display        : flex;
    flex-wrap      : nowrap;
    flex-direction : row;
    justify-content: start;
    align-items    : center;
}

.logo_name {
    font-family   : SimHei;
    font-size     : 38px;
    font-weight   : bold;
    font-stretch  : normal;
    line-height   : 36px;
    letter-spacing: 3px;
    color         : #ffffff;
    margin-left   : 16px;
}

/* home */
#homePage {
    padding-bottom: 86px;
}

#logo {
    height          : 100px;
    background-color: #0050b2;
}



/* 数据管理 */
#DataPage {
    margin          : 0 auto;
    width           : 1288px;
    margin-top      : 16px;
    background-color: #fff;
    padding-bottom  : 32px;
}

.third_view {
    padding-top  : 16px;
    padding-left : 56px;
    padding-right: 56px;
}

.editContentPage {
    margin-top      : 8px;
    padding-top     : 16px;
    padding-bottom  : 40px;
    background-color: #f7fafb;
}

/* 特殊样式 */
/* 生防装备的编辑界面  装备名称 */


.inputLine {
    display        : flex;
    flex-wrap      : nowrap;
    justify-content: center;
    align-items    : center;
    margin-top     : 16px;
}

.videoPreviewLine {
    display        : flex;
    flex-wrap      : nowrap;
    justify-content: center;
    align-items    : top;
    margin-top     : 16px;
}

.inputLine label,
.videoPreviewLine label {
    text-align         : right;
    display            : inline-block;
    width              : 170px;
    color              : #878d94;
    letter-spacing     : 4px;
    font-size          : 16px;
    /* background-color: aquamarine; */
}

.mVideo {
    width      : 496px;
    margin-left: 24px;
}

.mPdfView {
    border     : 1px solid #9e9e9e;
    width      : 496px;
    height     : 600px;
    margin-left: 24px;
}

.inputLine>input {
    margin-left     : 24px;
    padding         : 0 8px;
    width           : 480px;
    height          : 32px;
    background-color: #ffffff;
    border-radius   : 4px;
    border          : solid 1px #e0e0e0;
    outline         : none;
    appearance      : none;
}

.inputLine .el-input--suffix .el-input__inner {
    padding-right: 0
}

.inputLine .el-input__inner {
    background-color  : #FFF;
    background-image  : none;
    border            : none;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    color             : #606266;
    display           : inline-block;
    font-size         : inherit;
    height            : 32px;
    line-height       : 32px;
    outline           : 0;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition        : border-color .2s cubic-bezier(.645, .045, .355, 1);
    width             : 100%;
}

.selectInput {
    margin-left     : 24px;
    padding         : 0 8px;
    width           : 480px;
    height          : 32px;
    background-color: #ffffff;
    border-radius   : 4px;
    border          : solid 1px #e0e0e0;
    outline         : none;
    appearance      : none;
}


.inputLine input:focus {
    outline: none;
}

.inputLine label.equip_cn_title {
    color: #0050b2;
}

.editorLine {
    display        : flex;
    flex-wrap      : nowrap;
    justify-content: center;
    margin-top     : 16px;
}

.editorLine>>>.w-e-toolbar .w-e-menu {
    width: 25px;
}

.editorLine label {
    text-align    : right;
    display       : inline-block;
    width         : 170px;
    color         : #878d94;
    letter-spacing: 4px;
    font-size     : 16px;
}

.editorLine .editorBox {
    width      : 498px;
    height     : 600px;
    margin     : 0;
    margin-left: 24px;
    box-sizing : border-box;
    overflow-y : auto;
}

.albumvideo {
    width      : 498px;
    margin-left: 24px;
}

.pic_img {
    width : 80px;
    height: 80px;
}

.pic_img_box {
    width : 80px;
    height: 80px;
}

.avatar-uploader {
    width          : 80px;
    height         : 80px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    border         : 1px solid #a1a1a1;
}

.myIcon {
    font-size: 40px;
}

.Upload_pictures {
    margin-top: 8px;
}



.editButton {
    margin-top     : 16px;
    display        : flex;
    flex-wrap      : nowrap;
    justify-content: center;
}

.mButton,
.mButton {
    display         : flex;
    justify-content : center;
    align-items     : center;
    width           : 100px;
    height          : 32px;
    background-color: #3a94fa;
    color           : #fff;
    letter-spacing  : 2px;
    cursor          : pointer;

}

.save_draft {
    margin-left: 32px;
}

.cell {
    display: flex;
}

.user_operation_btn {
    display          : block;
    width            : 20px;
    height           : 20px;
    background-size  : cover;
    background-repeat: no-repeat;
}

.user_btn_delete {
    margin-left: 32px;
}

.user_btn_edit {
    background-image: url("../../assets/image/edit.png");
}

.user_btn_delete {
    background-image: url("../../assets/image/delete.png");
}


.userEditPage .el-form {
    width: 700px;
    margin-top: 24px;
    margin-left : auto;
    margin-right: auto;
}
.bd{
    border:1px solid #000000;
    box-sizing: border-box;
}
.lineEllipsis{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}